<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
        1. 箭头函数只有一行代码，可以省略花括号
     -->
    <script>
      const arr = [1, 2, 3];
      //   1. 箭头函数只有一行代码，可以省略花括号
      arr.map((v) => v);

      //   2. 箭头函数完整写法,一般用在多行代码
      arr.map((v) => {
        console.log("v -----> ", v);
        return v;
      });

      //   3. 假如只需要返回一个对象
      //   3.1 完整写法
      const temp = arr.map((v) => {
        return { num: v };
      });
      console.log("temp -----> ", temp);
      //   3.2 简略写法,
      //      因为对象是 {},函数体也是{},所以直接返回，编译器不能理解到底什么意思
      //      套一个小括号({ num: v })，代表 {} 是一个整体，编译器就知道了
      const temp1 = arr.map((v) => ({ num: v }));
    </script>
  </body>
</html>
